變數 Variables

變數以美元符號（$）作為開頭、以冒號（:）作為賦值。

使用變數能夠減少重複寫的屬性樣式，也能更方便維護修改程式碼。
例如今天有２００行程式碼，以往若是想要修改樣式，就需要逐行去做修正（好浪費時間），那加入變數後，則只需修改變數的數值（超快速！）。

／／ｃｓｓ／／ ／／需逐行修改樣式／／
.content a {
  color: #ffcc00;
}

.header a {
  color: #ffcc00;
}

.menu a {
  color: green;
}

.footer a {
  color: green;
}
.content a {
  color: #ffcc00;
}

.header a {
  color: #ffcc00;
}

.menu a {
  color: green;
}

.footer a {
  color: green;
}

編｜
譯｜　　
後｜
　Ｖ

／／ｓｃｓｓ／／　／／只需修改一開始設定的變數數值／／
$one-color: #ffcc00; 
$sec-color: green;

.content a{
color:$one-color;
}
.header a{
color: $one-color;
}
.menu a{
  color: $sec-color;
  }
.footer a{
color: $sec-color;
}
.content a{
color:$one-color;
}
.header a{
color: $one-color;
}
.menu a{
  color: $sec-color;
  }
.footer a{
color: $sec-color;
}